body{margin: 0}
/*导航栏*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#8B0000;
}

li {
    float: left;
    font-size: 16px;
}

li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover{
    background-color: #606060 ;
}

li a:visited{
	color: white;
}

li a:link{
	color: white;
}

.dropbtn {
    background-color: #8B0000;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    float: right;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #8B0000;
    min-width: 100%;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color:#606060 }

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #606060 ;
}

/*按钮*/
.btn1 {
    background-color: #DC143C;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.btn1:hover{
	background-color:white;
  	color:black
}
.btn2 {
    background-color:#909090  ;
    color: white ;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
  	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.1);
}
.btn2:hover{background-color:white;
  	color:black
}
/*背景色*/body
{
  background-color:#FFFAFA;
}
/*标题色*/h1 {color:#B22222;}
/*表格*/table {
    border-collapse: collapse;
}

/*表格边框*/table,th,td {
    border: 1px solid grey;
}
table
{
  width:100%;
}
/*表头属性*/th
{
  height:40px;
  text-align:left;
  background-color:#FFFAF0;
  color:#505050 ;
}
/*内容属性*/td
{
  height:40px;
  background-color:#FFFAF0;
  color:#505050 ;
}
/*超链接属性*/ 
a:link {color:#505050;}      /* 未访问链接*/
a:visited {color:#505050;}  /* 已访问链接 */
a:hover {color:#FF9900;}  /* 鼠标移动到链接上 */

/*悬停提示信息*/
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
    /* 淡入 - 1秒内从 0% 到 100% 显示: */
    opacity: 0;
    transition: opacity 1s;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


.list_style{
	width: 60%;
	margin: auto;
}

.toolbutton{
	height: auto;
	width: auto;
	background-color: white;
	margin-left: 3px;
	margin-right: 3px;
	border-radius:50%;
}

.login{
	background-color: #8B0000;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    float: right;
}

.login:hover{
	background-color: #606060;
}

#blockDiv{
    width:1000px; 
    height:600px; 
    margin:90px auto 0px; 
    border:1px 
    solid #e3e197; 
    background:#ffffdd;
}
#c_button{
    width: 100px;
    height: 10px;
    margin:5px auto 0px;
    text-align:center;
}
#hint{
    float:left; 
    margin-left:10px;
    font-size: 18px;
    align-items: center;
    line-height: 55px;
    margin-bottom: 0px: 
}